<template>
  <div>
    <!-- 插槽:
       默认插槽
           定义：
               组件内放一个  slot标签
           使用
              <组件标签>内容</组件标签>
       具名插槽
            定义:
               组件内放 <slot name='xxx'></slot>
            使用：
              <组件标签>
                  <template #xxx>
                    内容
                  </template>
              </组件标签>
       作用域插槽：就是在以前默认与具名插槽基础上加入了传参处理
            定义:
               组件内放 <slot name='xxx' :属性名="属性值"></slot>
            使用：
              <组件标签>
                  <template #xxx="{属性名}">
                    内容---{{ 属性名 }}
                  </template>
              </组件标签>
           
    
    
    -->
    <!-- 默认插槽 -->
    <DrSlot>
      <div>123456</div>
      <template #title="{ title }">
        <div>我是具名插槽使用的标题----{{ title }}</div>
      </template>
    </DrSlot>
  </div>
</template>
<script>
import DrSlot from '@/components/DrSlot'
export default {
  components: {
    DrSlot
  }
}
</script>
<style></style>
